* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

html {
  overflow: hidden;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  // font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
  //   "微软雅黑", Arial, sans-serif;
  font-family: "HarmonyOS Sans", "Segoe UI", "SF Pro Display", -apple-system, BlinkMacSystemFont,
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif,
    "HarmonyOS Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji",
    "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

a {
  text-decoration: none;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  vertical-align: middle;
}

ul {
  margin: 0;
  padding: 0;
  li {
    list-style-type: none;
  }
}

p {
  margin: 0;
}

.frame-iframe {
  border: 0;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.select-none {
  user-select: none;
}

.cursor-pointer {
  cursor: pointer;
}

.icon-hover {
  &:hover {
    color: var(--color-icon-hover) !important;
  }
}

.clearfix {
  &::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
  }
}

.hidden {
  display: none !important;
}
